<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<title>联系</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>	
	</head>
	<body>
		<!--头部-->
		<div class="container">
			<div class="header">
					<div class="hgroup">
					<div class="layout clear">
						<div class="logo fl" >
							<a href="">
								<img src="img/logo.png" alt="">
							</a>			
						</div>
						<div class="nav fr">
							<ul>
								<li><a href="index.html">首页</a></li>
								<li><a href="about.html">关于</a></li>
								<li><a href="news.html">新闻</a></li>
								<li><a href="field.html">领域</a></li>
								<li><a href="case.html">案例</a></li>
								<li><a href="honor.html">荣誉</a></li>
								<li><a href="service.html">服务</a></li>
								<li><a href="partner.html">伙伴</a></li>
								<li class="on"><a href="contact.html">联系</a></li>
							</ul>
						</div>    
				    </div>
			    </div>   
			</div>
		</div>

		<div class="mt10 map">			
			<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script><div style="width:100%;height:550px;" id="dituContent"></div>
			<script type="text/javascript">
			//创建和初始化地图函数：
			var title, address, longtitude, latitude;
			var markerArr;

			function initMap(title, address, longtitude, latitude) {
				markerArr = [{
					'title': title,
					'content': address,
					'point': longtitude + "|" + latitude,
					isOpen: 1,
					icon: {
						w: 23,
						h: 25,
						l: 46,
						t: 21,
						x: 9,
						lb: 12
					}
				}];
				createMap(longtitude, latitude); //创建地图
				setMapEvent(); //设置地图事件
				addMapControl(); //向地图添加控件
				addMarker(markerArr); //向地图中添加marker
			}
			//创建地图函数：
			function createMap(longtitude, latitude) {
				var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
				var point = new BMap.Point(longtitude, latitude); //定义一个中心点坐标
				map.centerAndZoom(point, 14); //设定地图的中心点和坐标并将地图显示在地图容器中
				window.map = map; //将map变量存储在全局
			}
			//地图事件设置函数：
			function setMapEvent() {
				map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
				map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
				map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
				map.enableKeyboard(); //启用键盘上下左右键移动地图
			}
			//地图控件添加函数：
			function addMapControl() {
				//向地图中添加缩放控件
				var ctrl_nav = new BMap.NavigationControl({
					anchor: BMAP_ANCHOR_TOP_LEFT,
					type: BMAP_NAVIGATION_CONTROL_LARGE
				});
				map.addControl(ctrl_nav);
				//向地图中添加比例尺控件
				var ctrl_sca = new BMap.ScaleControl({
					anchor: BMAP_ANCHOR_BOTTOM_LEFT
				});
				map.addControl(ctrl_sca);
			}
			//创建marker
			function addMarker(markerArr) {
				for (var i = 0; i < markerArr.length; i++) {
					var json = markerArr[i];
					var p0 = json.point.split("|")[0];
					var p1 = json.point.split("|")[1];
					var point = new BMap.Point(p0, p1);
					var iconImg = createIcon(json.icon);
					var marker = new BMap.Marker(point, {
						icon: iconImg
					});
					var iw = createInfoWindow(i);
					var label = new BMap.Label(json.title, {
						"offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20)
					});
					marker.setLabel(label);
					map.addOverlay(marker);
					label.setStyle({
						borderColor: "#808080",
						color: "#333",
						cursor: "pointer"
					});
					(function() {
						var index = i;
						var _iw = createInfoWindow(i);
						var _marker = marker;
						_marker.addEventListener("click", function() {
							this.openInfoWindow(_iw);
						});
						_iw.addEventListener("open", function() {
							_marker.getLabel().hide();
						})
						_iw.addEventListener("close", function() {
							_marker.getLabel().show();
						})
						label.addEventListener("click", function() {
							_marker.openInfoWindow(_iw);
						})
						if (!!json.isOpen) {
							label.hide();
							_marker.openInfoWindow(_iw);
						}
					})()
				}
			}
			//创建InfoWindow
			function createInfoWindow(i) {
				var json = markerArr[i];
				var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
				return iw;
			}
			//创建一个Icon
			function createIcon(json) {
				var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), {
					imageOffset: new BMap.Size(-json.l, -json.t),
					infoWindowOffset: new BMap.Size(json.lb + 5, 1),
					offset: new BMap.Size(json.x, json.h)
				})
				return icon;
			}
			initMap('湖北名邸建筑装饰有限公司', '<p>地址：湖北省宜昌市夷陵大道72号九州大厦A座11楼</p><p>电话：0717-6450557</p>', '111.298124', '30.707926'); //创建和初始化地图  
			</script>
			<div class="map-info">
				<div class="bgcolor"></div>
				<div class="bg">
					<h2 class="title" title="湖北名邸建筑装饰有限公司">湖北名邸建筑装饰有限公司</h2>
					<div class="map-content mt20">
						<p>地址：湖北省宜昌市夷陵大道72号九州大厦A座11楼</p>
						<p>电话：0717-6450557&nbsp;&nbsp;6441116</p>
						<ul class="mt30">
							<li>
								<h3>业务咨询</h3>
								<p>电话：0717-6450557</p>
								<p>EMAIL:810@2423.CN</p>
							</li>
							<li>
								<h3>售后咨询</h3>
								<p>电话：0717-6450557</p>
								<p>EMAIL:810@2423.CN</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

        <div class="layout">        	
        	<div class="hr">        		
	        	<div class="hd">
					<h1>招聘&nbsp;<span></span>&nbsp;岗位</h1>
			    	<p class="line"></p>
				</div>
	        	<div class="bg tc">
	        		<h2 class="t-color">一分耕耘，一分收获</h2>
					<b>海不择细流，故能成其深，山不辞细土，故能就其高。人要想有所成就，也必须注重知识能力经验的积累没有兢兢业业的辛苦付出，</b>
					<b>哪能享受甘甜欢畅的成功？没有勤勤恳恳的刻苦钻研，哪能获得震撼人心的累累硕果？</b>
					<b>一分耕耘，一分收获。加入广田，与成功人事同行，您必将收获成功的人生！</b>
					<b>公司为员工提供优秀的发展平台、较大的发展空间，使员工得以充分发挥能力、发掘潜力，创造工作业绩，让每一位员工与企业共同成长。</b>
					<p class="t-grey mt10">（有意向者请把简历发送至<a href="mailto:888888@mingdi.com">888888@mingdi.com）</a></p>
	        	</div>
        	</div>
        	
        	<ul class="con-list">
 				<li class="bor-r">
 					<h3 class="builder">施工人员</h3>
					<p>所属部门：财务部&nbsp;&nbsp;工作地点：杭州</p>	
					<p>工作类型： 全职</p>
					<p>任职资格：</p>
					<p>审计、财务管理、会计学、金融学等相关专业。</p>
					<p class="builder more">更多>></p>
					<div id="bWarp" class="hide info">
						<h2>施工人员</h2>
						<p>所属部门：财务部&nbsp;&nbsp;工作地点：杭州</p>		
						<p>工作类型： 全职</p>	
						<p>任职资格：电气工程、机械工程、知识产权、装饰施工</p>	
						<p>设计等相关专业.设计等相关专业.设计等相关专业.设计等相关专业.</p>	
					</div>
 				</li>
 				<li class="bor-r ml40">
 					<h3 class="engineer">工程管理人员</h3>
					<p>所属部门：研发中心&nbsp;&nbsp;工作地点：杭州</p>		
					<p>工作类型： 全职</p>	
					<p>任职资格：电气工程、机械工程、知识产权、装饰施工</p>	
					<p>设计等相关专业.</p>	
					<p class="engineer more">更多>></p>
					<div id="eWarp" class="hide info">
						<h2>工程管理人员</h2>
						<p>所属部门：研发中心&nbsp;&nbsp;工作地点：杭州</p>		
						<p>工作类型： 全职</p>	
						<p>任职资格：电气工程、机械工程、知识产权、装饰施工</p>	
						<p>设计等相关专业.设计等相关专业.设计等相关专业.设计等相关专业.</p>	
					</div>
 				</li>
 				<li class="ml40">
 					<h3 class="design">设计人员</h3>
					<p>所属部门：研发中心&nbsp;&nbsp;工作地点：杭州</p>		
					<p>工作类型： 全职</p>	
					<p>任职资格：电气工程、机械工程、知识产权、装饰施工</p>	
					<p>设计等相关专业.</p>	
					<p class="design more">更多>></p>
					<div id="dWarp" class="hide info">
						<h2>设计人员</h2>
						<p>所属部门：研发中心&nbsp;&nbsp;工作地点：杭州</p>		
						<p>工作类型： 全职</p>	
						<p>任职资格：电气工程、机械工程、知识产权、装饰施工</p>	
						<p>设计等相关专业.设计等相关专业.设计等相关专业.设计等相关专业.</p>	
					</div>
 				</li>
 			</ul>
 			
 			<div class="message">
 				<h2 class="tc t-color">在线留言</h2>
 				<div class="clear">
 					<a href="" class="fl hover-img">
 						<span><img src="img/联系_05.jpg"/></span>
 					</a>
 					<form class="fl form-box">
	 					<div class="group">
	 						<label class="form-tit">主题：</label> 						
	 						<input type="text" name="" id="" value="" />
	 					</div>
	 					<div class="group mt20">
	 						<label class="form-tit">姓名：</label> 						
	 						<input type="text" name="" id="" value="" />
	 					</div>
	 					<div class="group mt20">
	 						<label class="form-tit">电话：</label> 						
	 						<input type="text" name="" id="" value="" />
	 					</div>
	 					<div class="group mt20">
	 						<label class="form-tit">邮箱：</label> 						
	 						<input type="text" name="" id="" value="" />
	 					</div>
	 					<div class="group clear mt20">
	 						<label class="form-tit fl mr5">留言：</label> 		
		 					 <div class="fluid fl">
		                    <textarea name="" class="textarea"></textarea>
		                </div>
		 				</div>
			             <input type="submit" class="m-btn mt10" id="" name="" value="提交" />	             
 				</form>
 				</div>
 					
 			</div>
 			
        </div>
        
		
		<!--底部-->
		<div class="footer mt50">
			<div class="layout clear">
				<div class="list fl">
					<a href="">版权申明</a><span>|</span>
					<a href="">隐私保护</a><span>|</span>
					<a href="">友情链接 </a><span>|</span>
					<a href="news.html">新闻中心</a><span>|</span>
					<a href="contact.html">联系我们</a>
				</div>
				<div class="link fr">
					<span>名邸装饰版权所有</span>
					<a href=""><img src="img/weibo.png"/></a>
					<a href=""><img src="img/weixin.png"/></a>
					<a href=""><img src="img/qq.png"/></a>
				</div>
			</div>
		</div>
	    <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	    <script type="text/javascript">  
		    $('.map-info').on('click', function(){
				    $('.map-info').hide();			   
				});
	    
	    	$('.builder').on('click', function(){
			    layer.open({
			        type: 1,
			        area: ['750px', '500px'],
			        shadeClose: true, 
			        title: false,
			        content: $('#bWarp')
			    });
			   
			});
			 $('.engineer').on('click', function(){
			    layer.open({
			        type: 1,
			        area: ['750px', '500px'],
			        shadeClose: true, 
			        title: false,
			        content: $('#eWarp')
			    });
			});
		    $('.design').on('click', function(){
			    layer.open({
			        type: 1,
			        closeBtn:2,
			        area: ['750px', '500px'],
			        shadeClose: true, 
			        title: false,
			        content: $('#dWarp')
			    });
		    });
	    </script>
	</body>
</html>
